
var colorArr = [
    { "color": "#5470C6" },
    { "color": "#91CC75" },
    { "color": "#FAC858" },
    { "color": "#EE6666" },
    { "color": "#73C0DE" },
];

// 用户ID
let id = getUrlParam("id");
$(function () {
    // GetUserRole();
    initTitle();
});
//获取用户权限
function GetUserRole() {
    // let thisdata = [];
    // thisdata.push(InitRole(id));
    let USERdata = InitRole(id);
    if (USERdata != null) {
        initTitle();

    }
    else OpenErrmsg("../../web/errhtml/404.html");
}
function initTitle() {
    //后台返回数据
    let dataType = [
        { "code": "01", "name": "药剂1", "checked": true },
        { "code": "02", "name": "药剂2", "checked": true },
        { "code": "03", "name": "药剂3", "checked": true },
        { "code": "04", "name": "药剂4", "checked": false },
        { "code": "05", "name": "药剂5", "checked": false },
        { "code": "06", "name": "药剂6", "checked": false },
        { "code": "07", "name": "药剂7", "checked": false },
        { "code": "08", "name": "药剂8", "checked": false },
    ];
    var str = "";
    for (var i = 0; i < dataType.length; i++) {
        var item = dataType[i];
        //easyUI自带CheckBox样式  两种方法都能实现，easyUI的字体太大
        // str = "<checkbox  name=\"dataType\" data-options=\"labelPosition:'after',onChange:choose,"
        //     + (item.checked ? "checked:true" : "checked:false")
        //     + "\"  class=\"easyui-checkbox\"" +
        //     " id=\"ck_" + item.code
        //     + "\" value=\"" + item.code
        //     + "\" label=\"" + item.name + "\" "
        //     + "></checkbox>"
        // let targetObj = $(str).appendTo("#titlediv");
        // $.parser.parse(targetObj);
        // $.parser.parse("#ck_" + item.code);
        // $.parser.parse("#titlediv");

        //原生CheckBox样式
        str = '<input  style="font-size: 14px;margin-left:4px" type="checkbox" name="dataType" onclick="choose2()"'
            + (item.checked ? "checked='checked'" : "")
            + ' value="' + item.code
            + '" id="ck_' + item.code
            + '" /><label style="font-size: 14px;margin-right:5px" for="ck_' + item.code
            + '">' + item.name + '</label>'
        let targetObj = $(str).appendTo("#titlediv");
    }
    choose();
}
function GetData(TypeCodes) {
    InitChart1("");
    InitChart2("");
}

function InitChart1(TypeCodes) {

    let xAxis = ["11/1", "11/2", "11/3", "11/4", "11/5"];
    let data = [
        { "code": "01", "name": "药剂1", "data": ["34", "617", "53", "54", "32"] },
        { "code": "02", "name": "药剂2", "data": ["345", "167", "253", "564", "232"] },
        { "code": "03", "name": "药剂3", "data": ["124", "671", "573", "504", "132"] },
        { "code": "04", "name": "药剂4", "data": ["234", "567", "534", "594", "320"] }
    ];

    var myChart = echarts.init(document.getElementById('chartdiv1'));
    var xAxisDataLine = new Array();
    var seriesDataLine = new Array();
    for (var i = 0; i < data.length; i++) {
        var item = data[i];
        xAxisDataLine.push(item.name)
        seriesDataLine.push({
            name: item.name,
            type: "line",
            // stack: 'Total',
            data: item.data
        });
    }
    console.log(xAxisDataLine)
    // 指定图表的配置项和数据
    var option = {
        title: {
          
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: xAxisDataLine,

        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        toolbox: {
            // feature: {
            //     saveAsImage: {}
            // }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: xAxis
        },
        yAxis: {
            type: 'value'
        },
        series: seriesDataLine
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}

function InitChart2(TypeCodes) {

    let xAxis = ["11/1", "11/2", "11/3", "11/4", "11/5"];
    let data = [
        { "code": "01", "name": "药剂1", "data": ["34", "617", "53", "54", "32"] },
        { "code": "02", "name": "药剂2", "data": ["345", "167", "253", "564", "232"] },
        { "code": "03", "name": "药剂3", "data": ["124", "671", "573", "504", "132"] },
        { "code": "04", "name": "药剂4", "data": ["234", "567", "534", "594", "320"] }
    ];

    var myChart = echarts.init(document.getElementById('chartdiv2'));
    var xAxisDataLine = new Array();
    var seriesDataLine = new Array();
    for (var i = 0; i < data.length; i++) {
        var item = data[i];
        xAxisDataLine.push(item.name)
        seriesDataLine.push({
            name: item.name,
            type: "line",
            // stack: 'Total',
            data: item.data
        });
    }
    console.log(xAxisDataLine)
    // 指定图表的配置项和数据
    var option = {
       
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: xAxisDataLine,

        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        toolbox: {
            // feature: {
            //     saveAsImage: {}
            // }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: xAxis
        },
        yAxis: {
            type: 'value'
        },
        series: seriesDataLine
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}
function choose2() {
    // res就是复选框中 所有的选中值
    var res = [];
    var checkCount = 0;
    $('#titlediv').find("input[name='dataType']").each(function (index, obj) {
        if ($(this).get(0).checked) {
            //  选中复选框中的值
            res.push($(this).val());
            checkCount = checkCount + 1;
        }
    });
    var Codes = res.join(',');//将数组中的元素“，”连接起来
    if (checkCount >= 5) {
        $('#titlediv').find("input[name='dataType']").each(function (index, obj) {
            if (!$(this).get(0).checked) {
                $(this).attr('disabled', true);
            }
        });
    } else {
        $('#titlediv').find("input[name='dataType']").each(function (index, obj) {
            if (!$(this).get(0).checked) {
                $(this).attr('disabled', false);
            }
        });
    }
    console.log(Codes)
    GetData(Codes);

}
function choose() {
    // res就是复选框中 所有的选中值
    var res = [];
    var checkCount = 0;
    $('#titlediv').find("checkbox[checkboxname='dataType']").each(function (index, obj) {
        if ($(obj).checkbox('options').checked) {
            //  选中复选框中的值
            res.push($(obj).attr('value'));
            checkCount = checkCount + 1;
        }
    });
    var Codes = res.join(',');//将数组中的元素“，”连接起来
    if (checkCount >= 5) {
        $('#titlediv').find("checkbox[checkboxname='dataType']").each(function (index, obj) {
            if (!$(obj).checkbox('options').checked) {
                $(obj).checkbox('disable');
            }
        });
    } else {
        $('#titlediv').find("checkbox[checkboxname='dataType']").each(function (index, obj) {
            if (!$(obj).checkbox('options').checked) {
                $(obj).checkbox('enable');
            }
        });
    }
    console.log(Codes)
    GetData(Codes);


}